/* #graphic-page css */

#banner-corporate-gifts .container-center, #banner-corporate-gifts .container-sx div, #banner-corporate-gifts .container-dx div {
    height: 600px;
}

#banner-corporate-gifts .container-center {
    background-image: url('../../../images/frontend/graphic-pages/corporate-gifts/banner-corporate-gifts/center.jpg');
    background-size: 1110px 600px;
}

#banner-corporate-gifts .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/corporate-gifts/banner-corporate-gifts/sx.jpg');
    background-size: 1px 600px;
}

#banner-corporate-gifts .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/corporate-gifts/banner-corporate-gifts/dx.jpg');
    background-size: 1px 600px;
}

#banner-corporate-gifts .container-center div {
    margin-top: 70px;
    width: 463px;
}


body.mobile-view #banner-corporate-gifts .banner-mobile img {
    content: url('../../../images/frontend/graphic-pages/corporate-gifts/banner-corporate-gifts/center-mobile.jpg');
}


.corporate-gifts-plus .icon-element-image {
    --fa-secondary-opacity: .2;
    font-size: 35px;
}

.corporate-gifts-plus .icon-element-image .fa-stack-1x {
    transform: scale(.8);
}

/* il grappolo e' un SVG a mano: senza queste misure non segue il font-size come le icone FontAwesome */
.corporate-gifts-plus .icon-element-image svg:not(.svg-inline--fa) {
    width: 1.3em;
    height: 1.3em;
}

/* .st0 arriva dallo <style> dentro l'SVG, che vale per tutta la pagina */
.corporate-gifts-plus .icon-element-image .st0 {
    opacity: .2;
}